$(function(){
    JQtabs.init();
});

var JQtabs={
    container:null,
    ul:null,
    content:null,
    nb:0,
    init:
        function(){
        //alert('e');
            this.container=$('#JQtab');
            this.ul=this.container.find('#JQtab_tabs_container').find('ul');
            this.content=this.container.find('#JQtab_content');
            this.setTabsposition();
            this.container.find('a').live('click',function(){
                $('#JQtab_content').empty().append('<div id="JQtab_loader"></div>');
                    JQtabs.changeTab($(this));
                    return false;
                });
            JQtabs.changeTab(this.container.find('a:first'));
        },

    setTabsposition:
        function(){
            this.nb=0;
            this.ul.find("li").each(function(index){
                nb=index;
                left=5+(nb*130);
                zindex=(1200)-nb;
                $(this).css('left',left);
                $(this).css('z-index',zindex);
                
            });
         },
    changeTab: function(elem){
        $("#JQtab").find("li").each(function(index){
                nb=index;
                zindex=(1200)-nb;
                $(this).css('z-index',zindex);
            });
         $("#JQtab").find('a').removeClass('active');
         elem.addClass('active');
         elem.parent().css('z-index',1300);         
         JQtabs.loadContent(elem.attr("href"));       
    },
    loadContent:function(href){        
        $.post(href,function(data){           
           $('#JQtab_content').empty().append(data);           
        });        
        return false;
    }
}
